<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link type="text/css" rel="stylesheet" href="1/base.css">
<link type="text/css" rel="stylesheet" href="1/ui.css">
<script type="text/javascript" src="../../jquery-1.4.4.js"></script>
<script type="text/javascript" src="dialog.js"></script>
<title>Dialog</title>
</head>
<body style="height:2000px;">
<div id="test"></div>
<input type="button" value="alert" id="test_alert"/>
<input type="button" value="confirm" id="test_confirm"/>
<input type="button" value="prompt" id="test_prompt"/>
<input type="button" value="tips" id="test_tips"/>
<input type="button" value="notice" id="test_notice"/>
<a class="dialog" href="#inline_content" title="NO.1">dialog1</a>
<a class="dialog" href="http://localhost:800/z/index.php/welcome/index" title="NO.2">dialog2</a>
<a class="dialog" href="http://baidu.com?iframe=true" title="NO.3">dialog3</a>

<div style='display:none'>
	<div id='inline_content' style='padding:10px; background:#fff;'>
	<p><strong>This content comes from a hidden element on this page.</strong></p>
	<p>The inline option preserves bound JavaScript events and changes, and it puts the content back where it came from when it is closed.</p>
	<p><a id="click" href="#" style='padding:5px; background:#ccc;'>Click me, it will be preserved!</a></p>
	
	<p><strong>If you try to open a new ColorBox while it is already open, it will update itself with the new content.</strong></p>
	<p>Updating Content Example:<br />
	<a class="ajax" href="../content/flash.html">Click here to load new content</a></p>
	</div>
</div>
<script type="text/javascript">
	$('#test_alert').click(function(){dialog.alert("测试测试测试测试测试")});
	$('#test_confirm').click(function(){dialog.confirm("测试测试测试测试测试<br/>测试测试测试测试测试",
			function(){alert('确定')},
			function(){alert('取消')}
	)});
	$('#test_prompt').click(function(){
		//var value = prompt('eeeeee','xxxx');
		dialog.prompt('eeeeee','xxxx',
			function(v){alert(v)}
		);
	});
	$('#test_tips').click(function(){dialog.tips("测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试",2,'',function(){})});
	$('#test_notice').click(function(){dialog.notice('测试',"测试测试测试测试测试",5)});
	$(document).ready(function(){
		$('.dialog').dialog();
	});
</script>
</body>
</html>